*{margin: 0;padding:0; }
ul{list-style: none;}
.slider-container{width: 100%;height: 100%;position: relative;overflow: hidden;}
.slider_wrapper{position: absolute;top: 0;left: 0;overflow: hidden;}
.slider_wrapper li{float: left;}
img{max-width: 100%;}
.slider_indicators{position: absolute;bottom: 10px;width: 100%;text-align: center;font-size: 0;z-index: 2;}
.slider_indicators .docts{width: 10px;height: 10px;background-color: #000;opacity: 0.6;background:rgba(0,0,0,0.5);display: block;border-radius: 100%;display: inline-block;margin: 0 5px;cursor: pointer;}
.slider_control span{display: block;width: 50px;height: 100px;background: rgba(0,0,0,0.6);color: #fff;font-size: 40px;line-height: 100px;text-align: center;cursor:pointer;}
.slider_control .prev{position: absolute;left: 0;top: 50%;margin-top: -50px;z-index: 2}
.slider_control .next{position: absolute;right: 0;top: 50%;margin-top: -50px;z-index: 2}
.slider_indicators .docts.active{background-color: #fff;opacity: 1;}